<template>
	<div class="home-screen-module1">
		<div class="view1 ellipsis">{{dataSource}}</div>
		<div class="view2">件</div>
		<div class="view3"></div>
	</div>
</template>

<script setup>
const props = defineProps({
	dataSource:{
		type:[Number,String],
		default:0
	}
})
</script>

<style lang="scss" scoped>
.home-screen-module1{
	display: flex;
	overflow: hidden;
	padding-top: .26em;
	&>.view1,&>.view2{
		flex-shrink: 0;
		display: flex;
		align-items: flex-end;
	}
	&>.view1{
		font-size: .7em;
		color: #00bfff;
		padding: 0 .2em;
	}
	&>.view2{
		color: #00ced1;
		font-size: .25em;
		padding-bottom: .2em;
	}
	&>.view3{
		flex-grow: 1;
	}
}
</style>